html,
body {
    height: auto;
}

body {
    margin: 0 auto;
    font-family: arial, sans-serif;
}

.warp_sign {
    width: 7.5rem;
    margin: 0 auto;
    background: #F0F3FD;
    height: 100vh;
    box-sizing: border-box;
}

.warp_sign .header_wrap {
    width: 7.5rem;
    height: 3.33rem;
    background: url(../images/bg_sign.png) no-repeat;
    background-size: contain;
    padding-top: 0.2rem;
   

    /* text-align: center; */
}

.warp_sign .header_wrap .title_wrap i {
    display: inline-block;
    background: url(../images/left_2.png) no-repeat;
    background-size: cover;
    width: 0.21rem;
    height: 0.37rem;
    margin-left: 0.51rem;
}


.warp_sign .header_wrap .title_wrap p {
    margin-left: 2.3rem;
    text-align: center;
    display: inline-block;
    height: 0.37rem;
    font-size: 0.38rem;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
}

.suom_btn {
    width: 1.58rem;
    height: 0.55rem;
    background: #7EDAAF;
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    float: right;
    text-align: center;
    font-size: 0.21rem;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.55rem;
}

.warp_sign .header_wrap .con_jf {
    text-align: center;
}

.warp_sign .header_wrap .con_jf p:nth-child(1) {
    /* width: 3.49rem;
    height: 0.77rem; */
    font-size: 0.84rem;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
}

.warp_sign .header_wrap .con_jf p:nth-child(2) {
    /* width: 1.03rem;
    height: 0.2rem; */
    font-size: 0.21rem;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
    opacity: 0.9;
}

.record_wrap {
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 0.31rem;
    font-family: SourceHanSansCN;
    font-weight: 600;
    color: #191919;
    width: 6.7rem;
    background: #FFFFFF;
    border-radius: 0.08rem;
    height: 1.12rem;
    line-height: 1.12rem;
    margin: 0 auto;
    text-align: center;


}

.record_wrap .mx_btn {
    width: 50%;
}

.record_wrap .rec_btn {
    width: 50%;
}

.record_wrap span {
    display: inline-block;
    width: 0.04rem;
    height: 0.71rem;
    border-radius: 0.08rem;
    background-color: #ccc;
    position: absolute;
    left: 50%;
}



.wrap_box1 {
    width: 6.7rem;
    height: 1.32rem;
    background: #FFFFFF;
    border-radius: 0.08rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0.34rem auto;
}

.wrap_box1 .fl_qd img {
    width: 0.62rem;
    height: 0.62rem;
}

.wrap_box1 .fl_qd {
    display: flex;
    align-items: flex-start;

}

.wrap_box1 .fl_qd>div {
    margin-left: 0.2rem;

}

.wrap_box1 .fl_qd p:nth-child(1) {
    font-size: 0.24rem;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #313646;
}

.wrap_box1 .fl_qd p:nth-child(2) {
    font-size: 0.17rem;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #05C67D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 3.55rem;
}

.wrap_box1 .fr_qd {
    width: 0.9rem;
    height: 0.5rem;
    background: linear-gradient(-57deg, #FFCB2D, #FF8236);
    border-radius: 0.25rem;
    text-align: center;
    font-size: 0.25rem;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.5rem;
}

.wrap_box1 .fr_qd.active {
    background: #BFBFBF;
}

.lp_wrap {
    padding: 0 0.46rem;
    box-sizing: border-box;
}

.lp_wrap .lp_title img {
    width: 1.94rem;
    height: 0.41rem;
}

.lp_wrap .lp_title p {
    font-size: 0.24rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #05C67D;
    line-height: 0.11rem;

}

.lp_wrap .lp_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lp_wrap .quan_wrap {
    width: 6.7rem;
    height: 2.26rem;
    background: #FFFFFF;
    border-radius: 0.08rem;
    margin-top: 0.41rem;
    padding: 0.28rem 0.26rem;
    box-sizing: border-box;
}


.lp_wrap .quan_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.lp_wrap .quan_wrap .item_quan {
    margin: 0 0.34rem;
}
.lp_wrap .quan_wrap .item_quan img {
    width: 2.26rem;
    height: 1.05rem;
}

.lp_wrap .item_quan p:nth-child(3) {
    font-size: 0.17rem;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #1A2B32;
}

.lp_wrap .item_quan p:nth-child(4) span {
    font-size: 0.14rem;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #FB5848;
}

.lp_wrap .item_quan p:nth-child(4) {
    font-size: 0.14rem;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #787878;
}